﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Stallion Enterprise</title>
<link rel="shortcut icon" type="image/x-icon" href="./images/icon.png" />
<link href="css/custom.css" rel="stylesheet" type="text/css" />
<style type="text/css">
/* demo page styles */

body {
    margin:0;
    padding:0;
}
.example {
    background:#fff;
    float:left;
    margin-top:45px;
}

.logo {
    float:left; 
}  
.highlight  {
    color: #ffffff;
    background:#000000;
    border-top:1px solid #f8f8f8;
    font-size:15px;

    box-shadow:0 2px 2px rgba(0,0,0, .7); /*some css3*/
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .7);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .7);
}
/* main menu styles */
#nav {
    display:inline-block;
    margin:0px auto;
    padding:0;
    background:#FFFFFF url(../images/bg.png) repeat-x 0 -110px;

    border-radius:5px; /*some css3*/
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
#nav li {
    margin:5px;
    float:left;
    position:relative;
    list-style:none;
}
#nav a {
    color:#000000;
    text-decoration:none;
    display:block;
    padding:6px 3px;
    font-size:14px;

    border-radius:10px; /*some css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
}

/* selected menu element */
#nav .current a, #nav li:hover > a {
    background:#000000 url(../images/bg.png) repeat-x 0 -20px;
    color:#FFFFFF;
    border-top:1px solid #f8f8f8;
    font-size:15px;

    box-shadow:0 2px 2px rgba(0,0,0, .7); /*some css3*/
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .7);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .7);
    text-shadow:0 2px 2px rgba(255,255,255, 0.7);
}

/* sublevels */
#nav ul li:hover a, #nav li:hover li a {
    background:none;
    border:none;
    color:#000;
}
#nav ul li a:hover {
    background:#000000 url(../images/bg.png) repeat-x 0 -100px;
    color:#fff;

    border-radius:10px; /*some css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    text-shadow:0 2px 2px rgba(0,0,0, 0.7);
}

#nav ul li:first-child > a {
    -moz-border-radius-topleft:10px; /*some css3*/
    -moz-border-radius-topright:10px;
    -webkit-border-top-left-radius:10px;
    -webkit-border-top-right-radius:10px;
}
#nav ul li:last-child > a {
    -moz-border-radius-bottomleft:10px; /*some css3*/
    -moz-border-radius-bottomright:10px;
    -webkit-border-bottom-left-radius:10px;
    -webkit-border-bottom-right-radius:10px;
}

/* drop down */
#nav li:hover > ul {
    opacity:1;
    visibility:visible;
}
#nav ul {
    opacity:0;
    visibility:hidden;
    padding:0;
    width:201px;
    position:absolute;
    background:#FFFFFF url(../images/bg.png) repeat-x 0 0;
    border:1px solid #7788aa;

    border-radius:10px; /*some css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    box-shadow:0 2px 2px rgba(0,0,0, .5);
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .5);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);

    -moz-transition:opacity .25s linear, visibility .1s linear .1s;
    -webkit-transition:opacity .25s linear, visibility .1s linear .1s;
    -o-transition:opacity .25s linear, visibility .1s linear .1s;
    transition:opacity .25s linear, visibility .1s linear .1s;
}
#nav ul li {
    float:none;
    margin:0;
}
#nav ul a {
    font-weight:normal;
    text-shadow:0 2px 2px rgba(255,255,255, 0.7);
}
#nav ul ul {
    left:160px;
    top:0px;
}

.rice {
   color:black;
}

.rice:hover {
   color:white;
}
</style>
<script type="text/javascript" src="./js/jquery.min.js"></script>
<script>
//$(document).ready(function(){
//  var str=location.href.toLowerCase();
//  $("#nav ul li a").each(function() {
//    if (str.indexOf(this.href.toLowerCase()) > -1) {
//      $("li.highlightmenu").removeClass("highlightmenu");
//      $(this).parent().addClass("highlightmenu");
//      $(this).css("color", "white");
//      $("#nav li a").parent().css("color", "white");
//    }
//  });
//})

//$(document).ready(function(){
// 		  var str=location.href.toLowerCase();
//        $('#nav li a').each(function() {
//          if (str.indexOf(this.href.toLowerCase()) > -1) {
//						$("li.highlight").removeClass("highlight");
//            $(this).parent().addClass("highlight"); 
//            $(this).css("color", "white");
//          }
//        }); 
//		  $('li.highlight').parents().each(function(){
//			  if ($(this).is('li')){
//				  $(this).addClass("highlight");
//				}							  
//		  });
//	  })
</script>
{block name=head}{/block}
</head>
<div id="google_translate_element" style="margin-left:1180px; margin-top:0px; height: 0px;"></div>
<script type="text/javascript">
  function googleTranslateElementInit() 
  {
    new google.translate.TranslateElement(
    {
      pageLanguage: 'en'
    },
    'google_translate_element');
  }
</script><script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<body>
<div class="pagesize">
  <div class="header">
    <div class="logo"><img src="images/logo.jpg"  alt=""/></div>
    
    <div class="example">
      <ul id="nav">
        <li><a href="index.php">Home</a></li>
        <li><a href="product.php">Products</a>
          <ul class="child">
            <li><a href="rice.php" class="rice">Rice</a></li>
            <li><a href="soybean.php">Soybean</a></li>
            <li><a href="cotton.php">Cotton</a></li>
            <li><a href="yellowCorn.php">Yellow&nbsp;Corn</a></li>
            <li><a href="millet.php">Millet</a></li>
            <li><a href="sorghum.php">Sorghum</a></li>
            <li><a href="groundnutKernels.php">Groundnut&nbsp;kernels</a></li>
            <li><a href="nigerSeeds.php">Niger&nbsp;Seeds</a></li>
            <li><a href="hms.php">Heavy&nbsp;Melting&nbsp;Steel</a></li>
            <li><a href="#">Sesame</a>
              <ul>
                <li><a href="hulledSesameSeeds.php">Hulled&nbsp;Sesame&nbsp;Seeds&nbsp;</a></li>
                <li><a href="naturalWhiteSesameSeeds.php">Natural&nbsp;White&nbsp;Sesame&nbsp;Seeds</a></li>
                <li><a href="naturalBlackSesameSeeds.php">Natural&nbsp;Black&nbsp;Sesame&nbsp;Seeds</a></li>
              </ul>
            </li>
          </ul>
        </li>
        </li>
        <li><a href="groupOfCompanies.php">Group of Companies</a></li>
        <li><a href="leadershipBoard.php">Leadership Board</a></li>
        <li><a href="stageProcess.php">Stage Process</a></li>
        <li><a href="aboutus.php">About Us </a></li>
        <li><a href="contactUs.php">Contact Us</a></li>
        <li><a href="exchange.php">Carrer Column</a></li>
        <!--li><a href="stageProcess.php">stage Process</a></li-->
      </ul>
    </div>
  </div>
  <div class="clr"></div>
	<!-- body block start please fill your body contain add this block-->
	{block name=body}
	{/block}
	<!-- body block end please fill your body contain add this block-->
</div>
<div class="clr"></div>
<div class="bottom">
  <div class="footer">
    <div class="footerline"></div>
    <div class="ftleft"  align="center">
      <ul>
        <li><a href="index.php" class="first">Home</a></li>
        <li><a href="product.php">Products</a></li>
        <li><a href="groupOfCompanies.php">Group of Companies</a></li>
        <li><a href="leadershipBoard.php">Leadership Board</a></li>
        <li><a href="stageProcess.php">Stage Process</a></li>
        <li><a href="#">About Us </a></li>
        <li><a href="contactUs.php">Contact Us</a></li>
        <li><a href="myDoc.php">Documents</a></li>
        <!--<li><a href="uploadDoc.php">Upload Documents</a></li>-->
        {if $s_activIds > 0}
        <li><a href="changePwd.php">Chage Password</a></li>
        <li class="last"><a href="logout.php">Logout</a></li>
        {else}
          <li class="last"><a href="checkLogin.php">Login</a></li>
        {/if}
      </ul>
      <div class="copyright" align="center">© Copyright 2013 Stallion. All Right Reserved.</div>
    </div>
    <div class="ftright">
      <a href="http://fb.com/stallionenterprise" target="_blank"><img src="images/fb.png" alt="fb.com/stallionenterprise" /></a>&nbsp;
    	<a href="https://twitter.com/iamatty" target="_blank"> <img src="images/tw.png" alt="" /></a>&nbsp;
      <a href="http://www.linkedin.com/profile/view?id=284599439&trk=nav_responsive_tab_profile" target="_blank"><img src="images/li.png" alt="" /></a>
      <a href="https://plus.google.com/u/0/communities/105809734919625114840" target="_blank"><img src="images/gp.png" alt="" /></a>
     </div>
  </div>
</div>
</body>
</html>
